.calendar-area {
  position: relative;
  width: 100%;
  top: 0;
  z-index: 2;
  &.expanded {
    height: 100%;
    &::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      //backdrop-filter: blur(4px);
      z-index: 1;
    }
  }
}

.calendar-listing {
  //margin-top: 170px;
}

.birth-stone-view {
  z-index: zindex($zLayout, overlay);
  position: absolute;
  top: 20px;
  left: 23px;
}

.birthstone-info-placement {
  z-index: zindex($zLayout, overlay);
}
